body, h1, h2, h3, h4, p, li, a, .web-title {
    font-family: Georgia, "Times New Roman", serif !important;
}*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.banner{
    width:100%;
    overflow:hidden;
    border-radius:10px;
    margin-bottom:20px;
}
.banner img{
    width:100%;
    display:block;
}

.title-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}
.title-row h1{
    font-size:48px;
    color:#333;
}
img[src="https://res.cloudinary.com/wrxwpknn/image/upload/v1790177628/xiaonvhai.webp"]{
    width:320px;
    flex-shrink:0;
}
body{
    background-color: #fff8e8;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}
.top-nav{
    background: #b82020;
    padding:15px;
    text-align:center;
}
.top-nav a{
    color: white;
    margin:0 20px;
    text-decoration:none;
    font-size:18px;
}
.top-nav a:hover{
    color:#ffdd99;
}

.container{
    max-width:900px;
    margin:30px auto;
    padding:0 20px;
}
h1{
    text-align:center;
    color:#503018;
    margin-bottom:25px;
    font-size:42px;
}

.section-box{
    background-color: #ffffff;
    padding:22px;
    margin-bottom:24px;
    border-radius:12px;
    box-shadow: 3px 3px 8px #d8c8b0;
}
h2{
    color:#704828;
    margin-bottom:12px;
}
h3{
    margin-bottom:8px;
}
ul,ol{
    padding-left:25px;
}
li{
    margin-bottom:10px;
}
.slide-box{
    width:100%;
    height:320px;
    overflow:hidden;
    border-radius:10px;
    margin:40px 0;
    border:4px solid #b89470;
}
.slide-wrap{
    width:300%;
    height:100%;
    display:flex;
    animation: moveSlide 12s infinite linear;
}
.slide-item{
    width:100%;
    height:100%;
}
.slide-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

@keyframes moveSlide {
    0%{transform: translateX(0);}
    33%{transform: translateX(-100%);}
    66%{transform: translateX(-200%);}
    100%{transform: translateX(0);}
}
.end-text{
    text-align:center;
    color:#fff;
    background-color:#b82020;
    padding:14px 20px;
    margin:0;
    font-size:17px;
    font-weight:normal;
    border-radius:0;
}
.banner{
    width:100%;
    height:280px;
    overflow:hidden;
    border-radius:10px;
    margin-bottom:20px;
}
.banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.hongdi{
    background-color:#b82020;
    padding:20px;
    margin:30px 0;
}
.hongdi img{
    width:100%;
    display:block;
}
.bio-bg {
position: relative;
padding: 30px;
overflow: hidden;
}
.bio-bg::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image: url("https://res.cloudinary.com/wrxwpknn/image/upload/v1790177618/touming1.webp");
background-repeat: no-repeat;
background-position: right center;
background-size: 65%; 
opacity:0.35; 
z-index:1;
}
.art-bg {
position: relative;
padding: 30px;
overflow: hidden;
}
.art-bg::before{
content:"";
position:absolute; 
top:0;
left:0;
width:100%;
height:100%;
background-image: url("https://res.cloudinary.com/wrxwpknn/image/upload/v1790177619/touming2.webp");
background-repeat: no-repeat;
background-position: center; 
background-size: 90%;
opacity:0.3;
z-index:1;
}
.art-bg .text-wrap{
position:relative;
z-index:2;
}
.header-nav{
display:flex;
width:100%;
background-color:#b82020;
}
.nav-item{
flex:1;
text-align:center;
color:white;
padding:14px 0;
font-size:18px;
}
.header-nav a{
text-decoration:none;
color:#fff;
}
.nav-item:hover{
background:#9c1818;
cursor:pointer;
}
.wor-bg {
position: relative;
padding: 30px;
overflow: hidden;
}
.wor-bg::before{
content:"";
position:absolute; 
top:0;
left:0;
width:100%;
height:100%;}
.wor-bg::before{
content:"";
position:absolute; 
top:0;
left:0;
width:100%;
height:100%;
background-image: url("https://res.cloudinary.com/wrxwpknn/image/upload/v1790177619/touming3.webp");
background-repeat: no-repeat;
background-position: center; 
background-size: 90%;
opacity:0.3;
z-index:1;}
.top-nav{
display:flex;
align-items:center;
gap:32px;
}
.web-title{
color:#ffffff;
font-size:20px;
font-weight:bold;
margin-right:auto; 
}
.top-nav a{
color:#fff;
text-decoration:none;
font-size:18px;
}
@media (max-width:768px) {
    .top-nav {
        flex-direction: column;
        gap:12px;
        padding:16px 8px;
    }
    .web-title{
        margin-right:0;
    }
    .container{
        padding:0 12px;
    }
    .banner img,
    .container img,
    .hongdi img{
        width:100%;
        height:auto;
        display:block;
        max-width:100%;
    }
    .section-box{
        padding:16px 12px;
        margin:16px 12px;
    }
    h1{
        font-size:32px;
    }
    h2{
        font-size:24px;
    }
    p{
        font-size:16px;
        line-height:1.5;
    }
}